@import "./comp/box/style";

.p-lottery {
  > .inner {


    .position-center {
      width: 90vw;
      box-sizing: border-box;
      text-align: center;

      .img-fluid {
        width: 250px;
      }
    }
  }
}

.act-lottery-result-modal.adm-modal-body {
  padding: 0 25px 0;
  background-color: rgba(255, 255, 255, 0.8);
  width: 80vw;
  text-align: center;
  box-sizing: border-box;
  @include borderRadius(20px);

  > .adm-modal-content {
    > .inner {
      .header {
        font-size: 14px;
        color: #01464f;
      }

      .content {
        padding-top: 20vw;
      }

      > .operation {
        @include boxSize();
        padding: 8px 16px;
        display: block;

        > .act-btn {
          margin-bottom: 16px;
        }
      }
    }
  }

  .box {
    height: 40vw;
    width: 40vw;
    position: relative;
    margin: 0 auto;

    > * {
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      left: 0;
      bottom: 0;
    }

    // .fire-left {
    //   background-image: url(/img/lottery/firework-left.png);
    //   left: -50%;
    //   z-index: 13;
    //   animation-delay: 0.5s;
    // }

    // .fire-right {
    //   background-image: url(/img/lottery/firework-right.png);
    //   left: 50%;
    //   z-index: 13;
    // }

    // .box-cover {
    //   background-image: url(/img/lottery/box-cover.png);
    //   z-index: 11;
    // }

    .box-item {
      z-index: 12;
      bottom: 25%;
      left: 10%;
      width: 80%;
      height: 100%;
    }

    // .box-body-front {
    //   background-image: url(/img/lottery/box-body-front.png);
    //   z-index: 13;
    // }

    // .box-body {
    //   background-image: url(/img/lottery/box-body.png);
    //   z-index: 10;
    // }
  }
}